*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
#header{
    margin: 0 auto;
}
.header{
    width: 100%;
    height: 744px;
    background-image: url("../images/1.jpg");
    margin: 0 auto;
}
.header>ul{
    position: relative;
    top: 100px;
}
.header>ul li{
    margin: 0 auto;
    list-style: none;
    text-align: center;
}
.header>ul li:first-child{
    font-size: 56px;
    color: white;
    font-weight: bolder;
}
.header>ul li:nth-child(2){
    width: 782px;
    height: 114px;
    background-image: url("../images/4.png");
    background-repeat: no-repeat;
    background-size: 782px 57px;
    vertical-align: middle;
    background-position: center;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.header>ul li:last-child{
    font-size: 21px;
    color: white;
    font-weight: bolder;
    margin-top: 28px;
}
.animate{
    width: 100px;
    position: relative;
    top: -25%;
    left: 30%;
}
.animate>img{
    animation: wobble 5s linear infinite;
}
@-webkit-keyframes wobble {
    from{
        transform: scale3d(0.5,0.5,1) rotateZ(0deg);
    }
    50% {
        transform: scale3d(1,1,1) rotateZ(180deg);
    }
    to{
        transform: scale3d(0.5,0.5,1) rotateZ(360deg);
    }
}
#teacher{
    margin: 0 auto;
}
.teacher{
    width: 100%;
    height: 1260px;
    text-align: center;
    margin: 0 auto;
    margin-top: 70px;
}
fieldset{
    width: 1100px;
    height: 700px;
    margin: 0 auto;
    border: none;
    border-top: 1px solid gray;
    text-align: center;
    position: relative;
}
legend{
    text-align: center;

    height: 40px;
    font-size: 30px;
    position: relative;
    left: 35%;
    color: #424242;
}
.left{
    float: left;
    width: 38%;
    margin-top: 55px;
}
.right{
    float: right;
    width: 62%;
    margin-top: 80px;
}
.right>header{
    font-size: 26px;
    text-align: left;
    margin-bottom: 25px;
}
.right>footer{
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 30px;
}
.right>ul li{
    list-style: none;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}
fieldset>p{
    margin-top: 25px;
    font-size: 18px;
    color: #666;
    text-align: center;
}
fieldset>ul{
    width: 1100px;
    margin: 0 auto;
}
.teacher>fieldset>ul li{
    width: 79px;
    height: 65px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    list-style: none;
    float: left;
    margin-right: 75px;
    margin-top: 65px;
    margin-left: 35px;
    font-size: 30px;
    color: white;
    padding: 95px 88px;
}
.teacher>fieldset>ul li:first-child{
    background-color: #783778;
}
.teacher>fieldset>ul li:nth-child(2){
    background-color: #f07548;
}
.teacher>fieldset>ul li:last-child{
    background-color: #4dbab5;
}
fieldset>ol li{
    list-style: none;
    float: left;
    width: 252px;
    margin-top: 40px;
    margin-left: 50px;
}
fieldset>ol li:nth-child(2){
    margin-left: 100px;
}
fieldset>ol li:last-child{
    margin-left: 100px;
}
.introduce{
    width: 100%;
    height: 830px;
    background-image: url("../images/10.jpg");
}
.introduce>fieldset{
    border-color: white;
}
.introduce>fieldset legend{
    color: white;
}
.introduce>fieldset p{
    color: white;
}
.introduce>fieldset>dl{
    width: 1130px;
    margin-top: 30px;
    margin-left: 195px;
}
.introduce>fieldset>dl dd{
    width: 239px;
    height: 175px;
    float: left;
    margin-right: 137px;
    margin-bottom: 15px;
    padding-top: 96px;
    text-align: center;
    background: url("../images/9.png") no-repeat;
    font-size: 30px;
    color: white;
    font-weight: bolder;
}
.fill{
    width: 100%;
    height: 64px;
}
.introduce>fieldset>dl dd:hover{
    background: url("../images/8.png");
    animation: zuan 0.5s linear forwards;
}
@-webkit-keyframes zuan {
    0%{
        transform: rotateY(0deg);
    }
    99%{
        transform: rotateY(180deg);
    }
    100%{
        transform: rotateY(0deg);
    }
}
#works{
    margin: 0;
    background-color: black;
}
.works{
    height: 1100px;
    width: 100%;
    position: relative;
    text-align: center;
}
.works_1 {
    width: 968px;
    height: 1160px;
    background-color: #181a26;
    margin: -60px 0 10px 218px;
    float: left;
    /*position: relative;*/
    /*top: -60px;*/
    /*left: 220px;*/
    text-align: center;
}
.works_1>p{
    font-size: 22px;
    color: #ffc206;
    margin: 17px 0 34px
}
.works_1>ul{
    margin-left: 18px;
}
.works_1>ul li{
    float: left;
    list-style: none;
    margin: 0 12px 8px 0;
    overflow: hidden;
}
.works_1>ul li img{
    width: 304px;
    height: 228px;
    transition: all 0.5s;
}
.works_1>ul li img:hover{
    transform: scale(1.3,1.3);
}
#salary{
    margin: 0 auto;
}
.salary>fieldset>ul{
    margin-top: 28px;
    margin-left: 70px;
}
.salary>fieldset>ul li{
    width: 334px;
    list-style: none;
    float: left;
    margin-right: 11px;
    border: 1px solid #ccc;
    text-align: left;
    position: relative;
}
h4{
    font-size: 24px;
    color: #424242;
    text-align: center;
    margin-bottom: 45px
}
.box{
    border-top: none;
    padding-top: 22px;
    position: relative;
    padding: 23px 32px;
}
.p1{
    font-size: 16px;
    color: #424242;
    height: 120px;
    line-height: 24px;
}
.ex1{
    position: absolute;
    left: 133px;
    top: 73px;
    width: 62px;
    border-top: 4px solid #3dadf2;
}
.ex2{
    position: absolute;
    left: 133px;
    top: 73px;
    width: 62px;
    border-top: 4px solid #2eab23;
}
.ex3{
    position: absolute;
    left: 133px;
    top: 73px;
    width: 62px;
    border-top: 4px solid #ff7733;
}
.boxs{
    font-size: 24px;
    color: #3dadf2;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    margin: 33px auto 0;
}
.boxs_1{
    font-size: 24px;
    color: #2eab23;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    margin: 33px auto 0;
}
.boxs_2{
    font-size: 24px;
    color: #ff7733;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    margin: 33px auto 0;
}
#control{
    margin: 0 auto;
}
.control{
    background-color: #252d3a;
}
.control>fieldset>legend{
    color: white;
    position: relative;
    left: 29%;
}
.cont{
    width: 973px;
    height: 235px;
    position: absolute;
    margin-top: 75px;
    margin-left: 70px;
}
.cont_1{
    position: relative;
    z-index: 99;
}
.cont_1 img{
    width: 50px;
    height: 50px;
    margin-right: 5px;
    z-index: 99;
    overflow: hidden;
}
.cont_1 .pic{
    margin-right: 22px;
}
.cont_2{
    width: 324px;
    height: 78px;
    background-image: url(../images/xian1.png);
    background-size: 100% 100%;
    position: absolute;
    left: 1px;
    top: 25px;
}
.cont_2>p{
    width: 114px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 106px;
    bottom: -16px;
}
.cont_3{
    width: 640px;
    height: 132px;
    background-image: url(../images/xian2.png);
    background-size: 100% 100%;
    position: absolute;
    left: 1px;
    top: 25px;
}
.cont_3>p{
    width: 114px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 453px;
    bottom: -16px;
}
.cont_4{
    width: 961px;
    height: 186px;
    background-image: url(../images/xian2.png);
    background-size: 100% 100%;
    position: absolute;
    left: 1px;
    top: 25px;
}
.cont_4>p{
    width: 114px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 704px;
    bottom: -16px;
}
#fill{
    height: 460px;
}
#skill{
    margin: 0 auto;
}
.skill{
    height: 1920px;
}
.skill>fieldset>legend{
    position: relative;
    left: 27%;
}
.part{
    width: 820px;
    margin: 20px auto 45px;
    border-left: 2px solid #ccc;
    padding-left: 40px;
    font-size: 0;
}
.part>h4{
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #ff7000;
    position: relative;
    text-align: left;
}
.part>h4>span{
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    left: -58px;
    top: 0;
    background: url(../images/yuan.png) 0 0 no-repeat;
}
.part>ul{
    width: 860px;
    overflow: hidden;
    margin: 20px 0;
}
.part>ul li{
    list-style: none;
    float: left;
    width: 156px;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 158px;
    position: relative;
}
.part>ul li div{
    width: 154px;
    height: 116px;
    border: 1px solid #999;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
}
.part>ul li p{
    width: 132px;
    height: 104px;
    position: absolute;
    left: 132px;
    top: -118px;
    color: #fff;
    font-size: 14px;
    padding: 12px 12px 0;
    background: black;
    opacity: 0.7;
    text-align: left;
}
.part>ul li h5{
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    text-align: center;
}
#audio{
    margin: 0 auto;
}
.audio{
    width: 100%;
    height: 650px;
    margin: 0 auto;
    background-image: url("../images/30.jpg");
}
.part_1{
    width: 1100px;
    margin: 0 auto;
}
.video{
    width: 628px;
    height: 393px;
    float: left;
    margin-top: 160px;
}
.register{
    float: left;
    padding-left: 80px;
    width: 392px;
    margin-top: 190px;
}
.register>h3{
    font-size: 29px;
    color: #424242;
}
.register>p{
    font-size: 16px;
    color: #424242;
    margin: 5px 0 30px;
}
.register>input{
    padding: 5px 10px;
    width: 333px;
    height: 34px;
    font-size: 26px;
    margin-bottom: 20px;
}
.register>a{
    width: 240px;
    height: 65px;
    background: #ff6500;
    font-size: 26px;
    color: #fff;
    line-height: 65px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    margin: 40px 0 0 10px;
    display: block;
    text-decoration: none;
}
#grow{
    margin: 0 auto;
}
.grow{
    width: 100%;
    background: #068f5e;
}
.grow>fieldset{
    border-color: white;
    height: 520px;
}
.grow>fieldset legend{
    color: white;
    position: relative;
    left: 32%;
}
.grow>fieldset p{
    color: white;
}
.part_2{
    width: 1000px;
    margin: 74px auto;
}
.part_2>ul{
    width: 1140px;
}
.part_2>ul li{
    float: left;
    list-style: none;
    width: 145px;
    position: relative;
    margin-right: 140px;
}
.part_2>ul li h4{
    width: 145px;
    height: 95px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}
.pic_1{
    background: url("../images/31.png") no-repeat;
}
.pic_2{
    background: url("../images/36.png") no-repeat;
}
.pic_3{
    background: url("../images/37.png") no-repeat;
}
.pic_4{
    background: url("../images/38.png") no-repeat;
}
.part_2>ul li img{
    width: 145px;
    height: 145px;
    position: absolute;
    left: 0;
    top: 0;
}
.part_2>ul li p{
    padding: 24px 0 0 23px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: left;
}
.am1,.am2,.am3,.am4{
    animation:rotate 0.7s linear infinite paused;
}
@keyframes rotate{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
#question{
    margin: 0 auto;
}
.question>fieldset legend{
    position: relative;
    left: 32%;
}
.part_3{
    width: 1100px;
    height: 410px;
    margin: 64px auto;
    background: url(../images/bg4.jpg) no-repeat;
    position: relative;
}
.question>fieldset{
    height: 600px;
}
#count{
    margin: 0 auto;
}
.count{
    width: 100%;
    background: #f23635;
}
.count>fieldset{
    border-color: white;
    height: 540px;
}
.count>fieldset legend{
    color: white;
    position: relative;
    left: 42%;
}
.count>fieldset p{
    color: white;
}
.part_4{
    width: 560px;
    height: 360px;
    margin: 36px auto;
    position: relative;
}
.part_4 .num1{
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 36px;
    left: 52px;
}
.part_4 .num2{
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 36px;
    left: 392px;
}
.part_4 .time{
    width: 155px;
    height: 146px;
    background: url(../images/40.png) no-repeat;
    position: absolute;
    top: 80px;
    left: 26px;
    font-size: 90px;
    line-height: 146px;
    text-align: center;
    color: #626262;
    font-weight: bolder;
}
.part_4 .digit{
    width: 155px;
    height: 146px;
    background: url(../images/40.png) no-repeat;
    position: absolute;
    top: 80px;
    left: 350px;
    font-size: 90px;
    line-height: 146px;
    text-align: center;
    color: #626262;
    font-weight: bolder;
}
.part_4 .day{
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 196px;
    left: -34px;
    font-weight: bolder;
}
.part_4 .people{
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 196px;
    left: 265px;
    font-weight: bolder;
}
.part_4>a{
    width: 290px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #fff;
    font-size: 36px;
    border: 2px solid #fff;
    border-radius: 10px;
    position: absolute;
    left: 120px;
    bottom: 0px;
    text-decoration: none;
}
#footer{
    margin: 0 auto;
    background: #333;
}
.footer{
    height: 240px;
    padding: 50px 0 30px 100px;
    margin: 0 auto;
}
.footer>ul li{
    list-style: none;
    width: 142px;
    float: left;
    margin-right: 24px;
    background: url("../images/shuxian.jpg") right 22px no-repeat;
}
.footer>ul li:last-child{
    background-image: none;
}
.footer>ul li:nth-child(4){
    width: 160px;
}
.footer>ul .two{
    width: 477px;
    float: left;
    margin-right: 24px;
}
.two ol li{
    background-image: none;
    width: 134px;
}
.footer>ul li h3{
    font-size: 18px;
    color: #fff;
    font-weight: bolder;
}
.footer>ul li a{
    float: left;
    width: 136px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #9c9e9e;
    margin-top: 7px;
    padding-left: 20px;
    background: url(../images/gt.jpg) 0 6px no-repeat;
}
.footer>p{
    color: #9c9e9e;
    text-align: center;
    padding-top: 182px;
    font-size: 14px;
    margin-left: -111px;
}
.footer>ul li a:hover{
    color: white;
}
#tit{
    position: fixed;
    top: 40%;
    right: 0;
}
#tit>ul{
    padding: 6px 5px 1px;
    background: #e8e8ea;
}
#tit>ul li{
    list-style: none;
    display: block;
    width: 98px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    cursor: pointer;
}
#tit>ul li:first-child{
    background: #ff924f;
}
#tit>ul li:nth-child(2){
    background: #45b932;
}
#tit>ul li:nth-child(3){
    background: #75d3f5;
}
#tit>ul li:nth-child(4){
    background: #f2730d;
}
#tit>ul li:nth-child(5){
    background: #a4c313;
}
#tit>ul li:nth-child(6){
    background: #8463d8;
}
#tit>ul li:nth-child(7){
    background: #ff332e;
}
#tit>ul li a{
    color: white;
}